<ui:fragment xmlns="http://w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">


	<h:form id="frmCadastroProduto" prependId="false">

		<p:messages id="msgCadastro" closable="true"></p:messages>


		<p:focus for="cmbCategoria" />

		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Categoria" for="cmbCategoria" />
			</div>
			<div class="span10">
				<p:selectOneMenu id="cmbCategoria" filter="true"
					required="true"
					value="#{produtoMB.produto.categoria}">
					<f:selectItem itemLabel="Selecione" noSelectionOption="true" />
					<f:selectItems value="#{categoriaMB.categoriasAtivas}" var="c"
						itemLabel="#{c.nome}" itemValue="#{c}" />
					<f:converter binding="#{categoriaConverter}" />
				</p:selectOneMenu>
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Produto" for="txtnome" />
			</div>
			<div class="span10">
				<p:inputText 
				
				 id="txtnome" label="produto"
					value="#{produtoMB.produto.nome}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Modelo" for="txtmodelo" />
			</div>
			<div class="span10">
				<p:inputText  id="txtmodelo"
					value="#{produtoMB.produto.modelo}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">Imagens</div>
			<div class="span10">
				<p:fileUpload fileUploadListener="#{produtoMB.enviarFoto}"
					cancelLabel="Cancelar" label="Selecionar" uploadLabel="Enviar"
					update=":tab:frmGaleria" auto="true"
					fileLimitMessage="Imagem muito grande"
					invalidFileMessage="Tipo de imagem inválido" style="width:100%"
					invalidSizeMessage="Imagem muito grande"
					allowTypes="/(\.|\/)(jpe?g|png|gif)$/">
				</p:fileUpload>
			</div>
		</div>


		<div class="row-fluid margin-top-bottom">
			<div class="span2">
				<p:outputLabel value="Especificações" for="txtespecificacoes" />
			</div>
			<div class="span10">
				<p:inputTextarea id="txtespecificacoes" autoResize="false"
					style="width: 100%;min-height:100px;"
					value="#{produtoMB.produto.especificacoes}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Peso (KG)" for="txtpeso" />
			</div>
			<div class="span10">
				<p:inputText  id="txtpeso"
					value="#{produtoMB.produto.peso}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Dimensões (AxLxP)" for="txtdimensoes" />
			</div>
			<div class="span10">
				<p:inputText  id="txtdimensoes"
					value="#{produtoMB.produto.dimensoes}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Quantidade" for="txtquantidade" />
			</div>
			<div class="span10">
				<p:inputText  id="txtquantidade"
					value="#{produtoMB.produto.quantidade}"></p:inputText>
			</div>
		</div>

		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Preço de Custo" for="txtpreco_custo" />
			</div>
			<div class="span10">
				<p:inputText  id="txtpreco_custo"
					value="#{produtoMB.produto.preco_custo}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Preço de Venda" for="txtpreco_venda" />
			</div>
			<div class="span10">
				<p:inputText  id="txtpreco_venda"
					value="#{produtoMB.produto.preco_venda}" />
			</div>
		</div>

		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Desconto à Vista" for="txtdesconto" />
			</div>
			<div class="span10">
				<p:inputText  id="txtdesconto"
					value="#{produtoMB.produto.percentual_desconto}" />
				%
			</div>
		</div>

		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Máximo de Parcelas" for="txtparcelas" />
			</div>
			<div class="span10">
				<p:inputText  id="txtparcelas"
					value="#{produtoMB.produto.numero_parcelas}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Fabricante" for="txtfabricante" />
			</div>
			<div class="span10">
				<p:inputText  id="txtfabricante"
					value="#{produtoMB.produto.fabricante}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Link" for="txtlink" />
			</div>
			<div class="span10">
				<p:inputText  id="txtlink"
					value="#{produtoMB.produto.link}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Garantia" for="txtgarantia" />
			</div>
			<div class="span10">
				<p:inputText  id="txtgarantia"
					value="#{produtoMB.produto.garantia}" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:selectBooleanCheckbox id="txtdestaque"
					value="#{produtoMB.produto.destaque}" />
			</div>
			<div class="span10">
				<p:outputLabel value="Aparecer em destaque" for="txtdestaque" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:selectBooleanCheckbox id="txtbanner"
					value="#{produtoMB.produto.banner}" />
			</div>
			<div class="span10">
				<p:outputLabel value="Aparecer no banner" for="txtbanner" />
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:outputLabel value="Ordem de exibição" for="txtdestaque" />
			</div>
			<div class="span10">
				<p:inputText id="txtordem" 
					value="#{produtoMB.produto.ordem}"
					converterMessage="Quantidade: É permitido apenas números."
					validatorMessage="Quantidade: Deve ser informado um número maior ou igual a 0 (Zero) e menor que 20 (Vinte)">

					<f:validateLongRange minimum="0" maximum="20" />
				</p:inputText>
			</div>
		</div>


		<div class="row-fluid">
			<div class="span2">
				<p:selectBooleanCheckbox id="txtAtivo"
					value="#{produtoMB.produto.ativo}" />
			</div>
			<div class="span10">
				<h:outputLabel value="Ativo" for="txtAtivo" />
			</div>
		</div>
		<div class="row-fluid">
			<div class="span2">
				<p:commandButton id="btnSalvar" value="Salvar"
					actionListener="#{produtoMB.save}" update="@all" />
			</div>
			<div class="span2">
				<p:commandButton id="btnCancelar" value="Cancelar"
					actionListener="#{produtoMB.novo}" update="@form :tab:frmGaleria" />
			</div>
		</div>
	</h:form>


</ui:fragment>